<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>目的地首页</title>
    <link href="../css/home/destination_index.css" rel="stylesheet">
</head>
<body style="position: relative;">
    <div class="container">
        <div class="shade">
            <a href="">
                <img src="../images/home/destination_header_backgroundimg.jpeg" style="margin: -97.905px 0px 0px;width: 100%;height: auto;">
            </a>
        </div>

    <!--============================头部导航===============================================-->
        <div class="zyx_header header-place-default" style="opacity: 1;">
            <div class="header-wrap">
                <ul class="item-lists">
                    <li class="list-item"><a href="../index.html">首页</a></li>
                    <li class="list-index"><a href="destination_index.html">目的地</a></li>
                    <li class="list-item"><a href="#">自由行</a></li>
                    <li class="list-item"><a href="#">旅游定制</a></li>
                    <li class="list-item"><a href="#">游记社区</a></li>
                </ul>
            </div>
        </div>

    <!--============================登陆注册================================================-->
        <div class="login-out">
            <a href="" class="login">登录</a>
            <span class="split">|</span>
            <a href="">注册</a>
        </div>

    <!--搜索框区域-->
        <div class="place-search-panel">
            <h2>Don't fear the unknown</h2>
            <form>
                <div class="searchbar">
                    <input type="text" class="search-input" placeholder="我想去">
                    <a href="destination.html" class="search-button" >
                        <img src="../images/home/search-log.svg">
                    </a>
                </div>
            </form>

            <div class="place-search-hot">
                <a href="destination.html">杭州</a>
                <a href="">上海</a>
                <a href="">日本</a>
                <a href="">苏州</a>
                <a href="">重庆</a>
            </div>
        </div>

    <!--搜索框右边文字区域-->
        <div class="show-info">
            <div class="show-name">
                <a href="">
                    <h2>神仙海岛的三款热门玩法，去普吉一定不能错过</h2>
                </a>
            </div>

            <p class="location">
                关于泰国普吉岛，这个多面风情的岛屿，常年位于境外旅游热搜榜前列，第一次去的人，容易被它的热带海岛风情和高性价比吸引到想再二刷；第N次去的人，更是因为每次都能发现普吉的新玩法，让人想再多宠幸一遍。
            </p>

            <div class="show-links">
                <a href="">
                    阅读全文
                </a>
            </div>
        </div>

    <!--热门目的地-->
        <div class="row">
            <div class="wrapper">
                <div class="r-title">
                    <h2>热门目的地</h2>
                </div>

                <div class="r-navbar">
                    <h2>国内</h2>
                </div>

                <div class="hot-list">
                    <div class="col">
                        <dl>
                            <dt>直辖市</dt>
                            <dd>
                                <a href="#">北京</a>
                                <a href="#">上海</a>
                                <a href="#">重庆</a>
                                <a href="#">天津</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>
                    </div>

                    <div class="col">
                        <dl>
                            <dt>直辖市</dt>
                            <dd>
                                <a href="">北京</a>
                                <a href="">上海</a>
                                <a href="">重庆</a>
                                <a href="">天津</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>

                        <dl>
                            <dt>
                                <a href="">云南</a>
                            </dt>
                            <dd>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                                <a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a><a href="">丽江</a>
                                <a href="">大理</a>
                                <a href="">昆明</a>
                                <a href="">香格里拉</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

    </div>
        <script src="../js/destination_index.js"></script>
</body>
</html>